<template>
  <el-dialog
    title="提示"
    :visible.sync="WbDialog"
    append-to-body
    width="30%"
    class="wbLog"
  >
    <div
      style="
        cursor: pointer;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 2vh;
      "
      @click="WbDialog = false"
    ></div>
    <div
      style="
        font-family: SourceHanSansSC, SourceHanSansSC;
        font-weight: bold;
        font-size: 24px;
        line-height: 35px;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
        text-align: center;
        font-style: normal;
      "
    >
      误报
    </div>
    <div style="margin-top: 2vh; overflow: hidden">
      <div
        style="
          text-align: center;
          font-size: 26px;
          margin-top: 20px;
        "
      >
        当前预警是否为误报
      </div>
      <div
        style="
          display: flex;
          flex-direction: row;
          justify-content: center;
          margin-top: 40px;
        "
      >
        <el-button
          style="
            width: 120px;
            height: 40px;color: #fff;
            background: rgba(16, 29, 52, 0.8);
            border-radius: 2px;
            border-width: 0px;
          "
          @click="WbDialog = false"
          >否</el-button
        >

        <el-button
          style="
            width: 120px;
            height: 40px;
            background: #4bc7ff;
            color: #fff;
            border-radius: 2px;
            border-width: 0px;
          "
          @click="getSfWb"
          >是</el-button
        >
      </div>
    </div>
  </el-dialog>
</template>
<script>
import { updateEarlyWarning } from "@/api/system/earlyWarning";
export default {
  data() {
    return {
      WbDialog: false,
      wbObj: {},
    };
  },
  methods: {
    async getCk(item) {
      let obj = { id: item.id };
      obj.fbzt = 2;
      obj.clzt = 2;
      this.wbObj = obj;
      this.WbDialog = true;
    },
    getSfWb() {
      updateEarlyWarning(this.wbObj).then((res) => {
        if (res.code == 200) {
          // this.getBreak();
          this.WbDialog = false;
          this.$parent.getCallback();
        }
      });
    },
  },
};
</script>
<style scoped>
::v-deep .el-dialog {
  background: none;
}
.wbLog ::v-deep .el-dialog__body {
  /* background: url("~@/assets/images/ld/xiaotc.png") no-repeat;
  background-size: 100% 100%; */
  width: 30vw;
  min-height: 280px;
  height: auto;
  background-color: #fff;
}
::v-deep .el-dialog__header {
  display: none;
}
::v-deep .el-dialog:not(.is-fullscreen) {
  margin-top: 15vh !important;
  background-color: transparent;
}
::v-deep .el-form-item__label {
  /* color: #fff; */
}
::v-deep .el-textarea__inner {
  background: rgba(255, 255, 255, 0.3) !important;
  font-family: SourceHanSansSC, SourceHanSansSC;
  font-weight: 400;
  font-size: 14px;
  /* color: #ffffff !important; */
  line-height: 20px;
  text-align: left;
  font-style: normal;
}
::v-deep .el-input--medium .el-input__inner {
  background: rgba(255, 255, 255, 0.3) !important;
  font-family: SourceHanSansSC, SourceHanSansSC;
  font-weight: 400;
  font-size: 14px;
  /* color: #ffffff !important; */
  line-height: 20px;
  text-align: left;
  font-style: normal;
}
</style>
